<table style="height: auto;margin: 0 auto;width: 100%;"><tbody><tr><td>
<table  style="width: 1397px; min-height: 100px; height: auto; margin:0 auto; background: url('http://preview.86solutions.com/lfdh/wp-content/themes/lfdh/images/bg_img.jpg') repeat scroll center -200px black;"><tbody><tr><td style="width: 100%; height: 100%; margin:0;">
    <table style=" width: 1024px; height: 100px; margin: 0 auto;table-layout: auto;"><tbody><tr>
        <td style="width: 100%; height: 100%;text-transform: uppercase; font:60px/1.4 'Didot', Helevtical, sans-serif; text-align: center; color: white;">la <span style="color: #d50375;">newsletter</span>
        </td>
    </tr></tbody></table>
    <table class="content" style="width: 1024px;height: 895px;margin: 0 auto;overflow:hidden;padding:0px;"><tbody>
    <tr style="width: 100%;">
        <td class="report" style="width: 474px; min-height: 895px;height:auto;vertical-align: top;padding-right:40px;">
            <table class="report_actu" style="width: 474px; min-height: 335px;height: auto;table-layout: auto;font: 12px/1.4 'HelveticaExtNormalRegular', Helevtical, sans-serif;color: gray;"><tbody>
            <tr>
                <td colspan="2" style="width: 100%;height:auto;padding-bottom:5px;">
                    <h2 style="color: #d50375;font: 20px/1.4 'HelveticaExtNormalRegular', Helevtical, sans-serif;margin:0px;">&mdash; Actu</h2>
                </td>
            </tr>
            <tr class="report_saft" style="width: 100%;height:auto;">
                <td class="img_saft" style="width: 127px; height: 156px; padding-top:4px;padding-bottom:25px;">
                    <img width="127" height="127" src="http://preview.86solutions.com/lfdh/wp-content/themes/lfdh/images/newsletter_img/saft_img.jpg"/>
                </td>
                <td class="text_saft" style="padding-left: 12px;vertical-align: top;">
                    <h3 style="margin:0px;font: 18px/1.4 'HelveticaExtNormalRegular', Helevtical, sans-serif;">Rapport annuel SAFT,<br />la preuve par l’image…</h3>
                    <p style="margin:0px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud ex ea consequat in voluptate velit esse cillum dolore.</p>
                    <a style="font: 10px/1.4 'HelveticaExtNormalRegular', Helevtical, sans-serif; margin-bottom: 10px;color: #b90567;text-decoration: none;" href="#">Voir la réalisation  &nbsp; &gt;</a>
                </td>
            </tr>
             <tr class="report_saft" style="width: 100%;height:auto;">
                <td class="img_saft" style="width: 127px; height: 156px; padding-top:4px;padding-bottom:25px;">
                    <img width="127" height="127" src="http://preview.86solutions.com/lfdh/wp-content/themes/lfdh/images/newsletter_img/lfdh_img.jpg"/>
                </td>
                <td class="text_saft" style="padding-left: 12px;vertical-align: top;">
                    <h3 style="margin:0px;font: 18px/1.4 'HelveticaExtNormalRegular', Helevtical, sans-serif;">LFDH passe en cuisine !</h3>
                    <p style="margin:0px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud ex ea consequat in voluptate velit esse cillum dolore quas molestias excepturi sint occaecati.</p>
                    <a style="font: 10px/1.4 'HelveticaExtNormalRegular', Helevtical, sans-serif; margin-bottom: 10px;color: #b90567;text-decoration: none;" href="#">Voir la réalisation &nbsp; &gt;</a>
                </td>
            </tr>
            <tr>
                <td colspan="2" style="width: 100%;height:auto;padding-bottom:5px;">
                    <h2 style="color: #d50375;font: 20px/1.4 'HelveticaExtNormalRegular', Helevtical, sans-serif;margin:0px;">&mdash; Coup de cœur</h2>
                </td>
            </tr>
            <tr class="report_saft" style="width: 100%;height:auto;">
                <td class="img_saft" style="width: 127px; height: 156px; padding-top:4px;padding-bottom:25px;">
                    <img width="127" height="127" src="http://preview.86solutions.com/lfdh/wp-content/themes/lfdh/images/newsletter_img/domain_img.jpg"/>
                </td>
                <td class="text_saft" style="padding-left: 12px;vertical-align: top;">
                    <h3 style="margin:0px;font: 18px/1.4 'HelveticaExtNormalRegular', Helevtical, sans-serif;">Vue sur <a style="color:gray;text-decoration: none;" href="#">ted.com</a> :<br />l'architecture de demain</h3>
                    <p style="margin:0px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud ex ea consequat in voluptate velit esse cillum dolore.</p>
                    <a style="font: 10px/1.4 'HelveticaExtNormalRegular', Helevtical, sans-serif; margin-bottom: 10px;color: #b90567;text-decoration: none;" href="#">Voir la réalisation <span style="color: white;">LFDH, le blog </span>&nbsp;&gt;</a>
                </td>
            </tr>
            </tbody></table>
        </td>
        <td class="letter" style="width: 505px; height: 895px;vertical-align: top;overflow: hidden;color:black;">
        <table style="width: 505px; height: 880px;background-color: gray;vertical-align: top;overflow: hidden;margin-bottom:15px;color:black;" ><tbody><tr><td style="width:100%;height:880px;vertical-align:top;color:rgb(0, 0, 0);">
        <table class="content_letter" style="width: 445px; height: 865px; table-layout: auto;margin: 0px 40px 5px 20px;vertical-align:top;font: 11px/1.4 'HelveticaExtNormalRegular', Helevtical, sans-serif;color:black;font-size:11px;line-height: 14px;"><tbody>
        <tr>
            <td style="font: 11px/1.4 'HelveticaExtNormalRegular', Helevtical, sans-serif;color:black;font-size:11px;line-height: 14px;">
                <h2 style="margin:0px;color: #d50375;font: 20px/1.4 'HelveticaExtNormalRegular', Helevtical, sans-serif; margin-bottom: 5px;">&mdash; la réflexion du jour</h2>
                <h3 style="margin:0px;font: 18px/1.4 'HelveticaExtNormalRegular', Helevtical, sans-serif; margin-bottom: 10px; color: black;">La qualité à prix raisonnable <br />est-elle possible en communication ?</h3>
                <p style="margin:0px;margin-bottom:0px;">&nbsp;&nbsp;&nbsp;&nbsp;Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud ex ea consequat in voluptate velit esse cillum dolore.</p>
                <br/>
                <p style="margin:0px;margin-bottom:0px;">&nbsp;&nbsp;&nbsp;&nbsp;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                <br/>
                <p style="margin:0px;margin-bottom:0px;">&nbsp;&nbsp;&nbsp;&nbsp;Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
                <br/>
                </td>
            </tr>
            <tr>
                <td class="img_letter" style="width: 395px; height: 268px; padding-bottom: 5px; padding-top: 5px;font: 11px/1.4 'HelveticaExtNormalRegular', Helevtical, sans-serif;color:black;font-size:11px;line-height: 14px;">
                    <img width="395" height="258" src="http://preview.86solutions.com/lfdh/wp-content/themes/lfdh/images/newsletter_img/letter_img.jpg"/>
                </td>
            </tr>
            <tr>
                <td style="font: 11px/1.4 'HelveticaExtNormalRegular', Helevtical, sans-serif;color:black;font-size:11px;line-height: 14px;">
                  <p style="margin:0px;margin-bottom: 0px;">&nbsp;&nbsp;&nbsp;&nbsp;Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud ex ea consequat in voluptate velit esse cillum dolore.</p>
                  <br/>
                  <p style="margin:0px;margin-bottom: 0px;">&nbsp;&nbsp;&nbsp;&nbsp;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
                  <br/>
                  <p style="margin:0px;margin-bottom: 0px;">&nbsp;&nbsp;&nbsp;&nbsp;Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. </p>
                  <br/>
        </td>
        </tr>
        </tbody></table>
      </td></tr></tbody></table>      
    </td></tr></tbody></table>
</td></tr></tbody></table>
<div style="width:100%;height:20px;margin:0;background-color:rgb(0, 0, 0);">
    <div class="line" style="width: 1024px; height: 20px;background-color: #e2017b;margin:0 auto;">
        <img alt="footer_line_pink" src="http://preview.86solutions.com/lfdh/wp-content/themes/lfdh/images/footer_img/footer_line_pink.jpg"/>
    </div>
</div>
<table class="footer_bg" style="width: 100%; min-height: 325px; height: auto;background-color: black;vertical-align: top;margin: 0px;padding:0px;"><tbody><tr>
<td style="width: 100%; min-height: 325px; height: auto;vertical-align: top;">
    <table class="letter_footer" style="width: 1024px; min-height: 325px; height: auto;margin: 0 auto;vertical-align: top;table-layout: auto;font: 12px/1.4 'HelveticaExtNormalRegular', Helevtical, sans-serif;color: gray; font-size: 12px;text-align: left;"><tbody>
    <tr>
        <td class="info_general" style="min-height: 200px;height: auto;padding-top:30px; width: 225px; padding-left: 0; padding-right: 45px;color: gray;" >
        	<h2 style="margin:0px;text-transform: uppercase;font-size:12px;font-weight:normal;">Le Fruit de Hasard</h2>
        	<p style="margin: 0;">12 rue Labour</p>
            <p style="margin: 0;">75015 Paris</p>
            <p style="margin: 0;">Tel:+33 (0)1 56 08 50 78</p>
            <p style="margin: 0;">Fax:+33 (0)1 56 08 50 78</p>
            <p style="margin: 0;">Contact:JEMERO BOURGEOISAT</p>
            <p style="margin: 0;">Mob:+33 (0)6 80 98 68 10</p>
            <table class="skype_link_newsletter" style="margin-top: 10px;table-layout: auto;width: 100%;vertical-align: top;"><tbody><tr>
                <td class="skype_logo_newsletter" style="height: 56px;width: 30px;vertical-align: top;padding-top:5px;">
                       <img alt="skype" src="http://preview.86solutions.com/lfdh/wp-content/themes/lfdh/images/footer_img/icon_footer.png"/>
                </td>
                <td style="vertical-align: top;">
                    <p style="margin:0px;color: gray;">Jérôme Bourgeoisat</p>
                    <p style="margin:0px;color: gray;">_ jeebourgeoisat</p>
                </td>
            </tr></tbody></table>
       	</td>
        <td class="info_general" style="min-height: 200px;height: auto;padding-top:30px; width: 230px; padding-left: 0; padding-right: 40px;vertical-align:top;color: gray;" >
            <table class="info_letter" style="table-layout: auto; width: 230px;color: gray;"><tbody><tr>
                <td style="width: 70px; height: 13px; vertical-align: top;">
                    <img src="http://preview.86solutions.com/lfdh/wp-content/themes/lfdh/images/footer_img/logo_title.png" alt="images"/></td>
                <td>
                    <p style="margin: 0px;"><a name="modal" style="text-decoration:none;color: gray;" href="#intranet_form">Inscrivez-vous</a></p>
                    <p style="margin: 0;"><a name="modal" style="text-decoration:none;color: gray;" href="#intranet_form2">/désinscrivez-vous<br/>à la newsletter</a></p>
                </td>
            </tr></tbody></table>
            <table class="facebook_like_bt_newsletter" style="table-layout: auto;width: 230px;margin-top:10px;"><tbody><tr>
                <td class="facebook_like_td_newsletter" style="height: 54px;text-align: right;vertical-align: top;width: 70px;color: gray;">
                    <a target="_blank" style="display: block;float: right;height: 53px;margin-right: 5px;width: 27px;text-decoration:none;color: gray;" href="http://www.facebook.com/Lefruitduhasard"><img width="27" height="53" src="http://preview.86solutions.com/lfdh/wp-content/themes/lfdh/images/footer_img/logo_fb.png" alt="images"/></a>
                    <div style="clear:both;"></div></td>
                <td style="vertical-align:top; padding-top:3px;">
                    <iframe name="facebook_like_" id="facebook_like_" class="facebook_like_" src="//www.facebook.com/plugins/like.php?href=http://www.facebook.com/Lefruitduhasard&amp;locale=fr_FR&amp;send=false&amp;layout=button_count&amp;width=58&amp;show_faces=false&amp;action=like&amp;colorscheme=dark&amp;font&amp;height=21" scrolling="no" frameborder="0" style="height:21px; width: 140px;color: gray;"><p style="margin:0;">j'aime</p></iframe>
                </td>
            </tr></tbody></table>
        </td>
        <td class="info_comm_newsletter" style="min-height: 200px;height: auto;padding-top:30px; width: 230px; padding-left: 0; padding-right: 40px;vertical-align: top;color: gray;" >
            	<p style="margin: 0;">Le Fruit de Hasard est membre</p>
                <p style="margin: 0;">du Grand Bureau,</p>
                <p style="margin: 0;">plateforme cooperative d'experts</p>
                <p style="margin: 0;">de la communication</p>
                <p style="margin: 0;"><a href="www.legrandbureau.com" style="text-decoration: none;color: gray;">www.legrandbureau.com</a></p>
            </div>
        </td>
        <td>
            <p style="margin:0px;">&nbsp;</p>
        </td>
    </tr>
    <tr>
       <td colspan="4" class="copyright" style="width: 1004px;min-height: 10px;height: auto;padding-left: 10px;padding-right: 10px;vertical-align: middle;color: gray;text-align: center;">
            <ul style="list-style: none outside none;margin-bottom:10px;">
                <li style="display: inline-block;padding-left: 15px;padding-right: 15px;"><a style="color: gray;text-decoration: none;" href="http://preview.86solutions.com/lfdh/?page_id=192">&copy;2012 Plan do site</a></li>
                <li style="display: inline-block;padding-left: 15px;padding-right: 15px;"><a style="color: gray;text-decoration: none;" href="http://preview.86solutions.com/lfdh/?page_id=197">Mention Legate</a></li>
            </ul>
    </td></tr></tbody></table>
</td></tr></tbody></table>
</td></tr></tbody></table>